body {
	margin: 0px;
	background-color: #F6F6EE;
}

body,td,a,div,.p {
	font-size: 9pt;
	font-family: tahoma;
}

div,td {
	color: #000000;
}

a:link,.w,.w a:link {
	color: #0000cc;
}

a:visited {
	color: #551a8b;
}

a:active {
	color: #ff0000;
}

h1 {
	font-size: 30px;
	font-weight: bold;
}

h2 {
	font-size: 25px;
	font-weight: bold;
}

h3 {
	font-size: 22px;
	font-weight: bold;
}

h4 {
	font-size: 18px;
	text-decoration: underline;
}

h5 {
	font-size: 14px;
	text-decoration: underline;
}

h6 {
	font-size: 10px;
	text-decoration: underline;
}

blockquote {
	border: 1px solid #DBDBCE;
    background-color: #EBEADD;
}

strong {
	font-weight: bold;
	color: #488bff;
}

.bold {
	font-weight: bold;
}

/* General use */
.okm-NoWrap {
	white-space: nowrap;
}

.okm-Padding {
	padding-left: 10px;
	padding-right: 10px;
}

.okm-Vertical-Line-Border {
	background-image: url(img/vertical_line_back.gif);
	background-repeat: repeat;
	width: 2px;
}

.okm-Horizontal-Line-Border {
	background-image: url(img/horizontal_line_back.gif);
	background-repeat: repeat;
	height: 2px;
}

.okm-Border-Left {
	border-left: 1px solid #bbb;
}

.okm-Border-Top {
	border-top: 1px solid #bbb;
}

.okm-Border-Right {
	border-top: 1px solid #bbb;
}

.okm-Border-Bottom {
	border-bottom: 1px solid #bbb;
}

.okm-Background-White {
	background: #FFF;
}

/* row results */
.okm-Table-Row {
	height: 20px;
	cursor: default;
}

/* top panel */
.okm-TopPanel {
	background-color: #E5E5E1;
}

.okm-TopPanel-Border {
	background-color: #E5E5E1;
	height: 1px;
}

.okm-TopPanel-Line-Border {
	background-image: url(img/topline_back.gif);
	background-repeat: repeat;
	height: 2px;
}

/* leftBar panel */
.okm-VerticalBorderPanel {
	background-color: #E5E5E1;
}

/* bottom panel */
.okm-bottomPanel {
	background-color: #E5E5E1;
}

/* general menu  */
.okm-TopMenuBar {
	background-color: #E5E5E1;
	padding: 0px 0px 0px 0px;
	cursor: default;
}

.okm-MainMenuBar {
	background-color: #E5E5E1;
	border: 1px solid #E5E5E1;
	padding: 4px 6px 4px 6px;
	cursor: default;
}

.okm-SubMenuBar {
	background-image: url(img/back_menuitem.gif);
	background-repeat: repeat;
	background-position: left;
	padding: 0px 0px 0px 0px;
	cursor: default;
	border: 1px solid #989696;
}

.okm-MainMenuItem {
	padding: 0px 20px 0px 0px;	
	cursor: default;
	height: 20px;
	white-space: nowrap;
}

.okm-TopMenuBar .gwt-MenuItem-selected {
	cursor: default;
	border-right: 1px solid #08246d;
	border-left: 1px solid #08246d;
	border-top: 1px solid #08246d;
	background-color: #B5BAD7;
	white-space: nowrap;
}

.okm-SubMenuBar .gwt-MenuItem-selected {
	background-color: #B5BAD7;
	color : white;	
	cursor: default;
	border: 1px solid #08246d;
	white-space: nowrap;
}

.okm-MainMenuItem-Base-HorizontalSeparator {
    background-image: url(img/menu_horizontal_separator.gif);
	background-position: center right;
	background-repeat: repeat-x;
}

.okm-MainMenuItem-Base-Childs {
	background-image: url(img/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

/* menu bar */
.okm-MenuBar {
	background-image: url(img/back_menuitem.gif);
	cursor: default;
}

.okm-MenuItem {
	cursor: default;
	padding: 0px 20px 0px 0px;
}

.okm-MenuItem-strike {
	cursor: default;
	color: #8D8D7A;
}

.okm-MenuBar .gwt-MenuItem-selected {
	background-color: #B5BAD7;
	color : white;
	cursor: default;
	border: 1px solid #08246d;
	white-space: nowrap;
}

/* general for all menus it seems to be necessary to have correct font size */
.gwt-MenuItem {
	font-size: 9pt;
}

/* tree */
.okm-Tree {
	white-space: nowrap;
	font-size: 12px;
	cursor: default;
}

.okm-Tree .okm-TreeItem {
	white-space: nowrap;
}

.okm-Tree .gwt-TreeItem-selected {
	white-space: nowrap;
	background-color: #C3D9FF;
}

.okm-Tree-TextBox-selected {
	background-color: #C3D9FF;
	border: 1px solid #A5A596;
	fborder-radius: 2px;
	font-family: verdana, arial, sans-serif
}

.okm-Tree-TextBox {
	background-color: #FFFFFF;
	border: 1px solid #A5A596;
	border-radius: 2px;
	font-family: verdana, arial, sans-serif
}

.gwt-TreeItem {
	white-space: nowrap;
	cursor: default;
}

/* Popup */
.okm-Popup, .okm-Popup-Error {
	font-size: 12px;
	background-color: #EFEBE7;
	border: 1px solid #A5A596;
	border-radius: 6px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
}

.okm-Popup-text {
	background: #FEFCF8;
	border: 1px solid #A5A596;
}

.okm-Popup .Caption {
	height: 20px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #7AA9A9 solid;
}

.okm-Popup-Error .Caption {
	height: 20px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #9D2424 solid;
}

.okm-Popup .dialogTop .dialogTopCenter {
	text-align: center;
	background: #CDE0E0;
	background: -webkit-linear-gradient(top, #CDE0E0 0%, #A5CECE 100%); 
	background: -moz-linear-gradient(top, #CDE0E0 0%, #A5CECE 100%);
	background: -ms-linear-gradient(top, #CDE0E0 0%, #A5CECE 100%);
	background: -o-linear-gradient(top, #CDE0E0 0%, #A5CECE 100%);
	background: linear-gradient(to bottom, #CDE0E0 0%, #A5CECE 100%);
	border-radius: 6px 6px 0 0;
	width: 100%;
	cursor: pointer;
	cursor: hand;
}

.okm-Popup-Error .dialogTop .dialogTopCenter {
	text-align: center;
	background: #DB9D9D;
	background: -webkit-linear-gradient(top, #DB9D9D 0%, #C96C6C 100%); 
	background: -moz-linear-gradient(top, #DB9D9D 0%, #C96C6C 100%);
	background: -ms-linear-gradient(top, #DB9D9D 0%, #C96C6C 100%);
	background: -o-linear-gradient(top, #DB9D9D 0%, #C96C6C 100%);
	background: linear-gradient(to bottom, #DB9D9D 0%, #C96C6C 100%);
	border-radius: 6px 6px 0 0;
	width: 100%;
	cursor: pointer;
	cursor: hand;
}

/* VerticalBar */
.okm-VerticalBar {
	background-image: url(img/separator.gif);
	background-repeat: repeat;
	cursor: col-resize;
}

.okm-VerticalBar-Point {
	background-image: url(img/separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: col-resize;
	font-family: "Small Fonts";
	font-size: 4px;
}

.okm-Popup-VerticalBar {
	background-image: url(img/separator_blue.gif);
	background-repeat: repeat;
	cursor: col-resize;
}

.okm-Popup-VerticalBar-Point {
	background-image: url(img/separator_points_blue.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: col-resize;
	font-family: "Small Fonts";
	font-size: 4px;
}

/* HorizontalBar */
.okm-HorizontalBar {
	background-image: url(img/horizontal_separator.gif);
	background-repeat: repeat;
	cursor: row-resize;
}

.okm-HorizontalBar-Point {
	background-image: url(img/horizontal_separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: row-resize;
	font-family: "Small Fonts";
	font-size: 4px;
}

/* Solution to IE transparent popup <iframe> problem  
iframe {
	filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 0);
} */

.okm-Popup-HorizontalBar {
	background-image: url(img/horizontal_separator_blue.gif);
	background-repeat: repeat;
	cursor: row-resize;
}

.okm-Popup-HorizontalBar-Point {
	background-image: url(img/horizontal_separator_points_blue.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: row-resize;
	font-family: "Small Fonts";
	font-size: 4px;
}

/* File browser */
.okm-FileBrowser {
	cursor: default;
}

.okm-FileBrowser-Title {
	background-image: url(img/filebrowser_title.gif);
	background-repeat: repeat;
	color: #6D6D5F;
	text-align: right;
	padding: 4px 0px 0px 4px;
	height: 20;
	cursor: default;
}

.okm-FileBrowser-Title-RightBorder {
	border-right: 1px solid #A5A596;
}

.okm-FileBrowser-Title-LeftBorder {
	border-left: 1px solid #FFFFFF;
}

.okm-FileBrowser-SelectedRow {
	background-color: #C3D9FF;
	cursor: default;
}

.okm-FileBrowser-TextBox {
	background-color: #FFFFFF;
	border: 1px solid #A5A596;
	font-family: tahoma;
}

.okm-FileBrowser-Separator {
	background-image: url(img/horizontal_path_separator.gif);
	background-repeat: repeat;
}

.okm-FileBrowser-Panel {
	border: 1px solid #A5A596;
}

/* File path */
.okm-FilePath-Title {
	background-color: #FFFFFF;	
	text-align: left;
	vertical-align: middle;
	height: 22;
	border: 1px solid #A5A596;
}

/* Tool Bar */
.okm-ToolBar {
	background-color: #E5E5E1;
}

.okm-ToolBar-button {
	background-color: #E5E5E1;
	cursor: pointer;
  	cursor: hand;
}

.okm-ToolBar-button-disabled {
	background-color: #E5E5E1;
}

.okm-ToolBar-space {
	padding: 2px 2px 2px 2px;
}

.okm-ToolBar-selected {
	background-image: url(img/bottom_selected.gif);
	background-repeat: no-repeat;
}

.okm-ToolBar-Big-selected {
	background-color: #b5bad7;
	cursor:pointer; 
  	cursor:hand;
}

.okm-ToolBar-BigTMP-selected {
	background-color: #b5bad7;
	cursor:pointer; 
  	cursor:hand;
}

.okm-ToolBar-Border {
	border-top: 1px solid #A5A596;
	border-left: 1px solid #A5A596;
	border-right: 1px solid #A5A596;
}

.okm-Separator-Bottom {
	border-bottom: 1px solid #cecec7;
}

.okm-Separator-Top {
	border-top: 1px solid #f7f7f7;
}

/* Tab panel */
.gwt-TabPanel {
	white-space: nowrap;
}

.gwt-TabPanelBottom {
	white-space: nowrap;
}

.gwt-TabBar {
	white-space: nowrap;
	background-color: #E5E5E1;
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	white-space: nowrap;
	border-bottom: 1px solid #bbb;
}

.gwt-TabBar .gwt-TabBarRest {
	white-space: nowrap;
	border-bottom: 1px solid #bbb;
}

.gwt-TabBar .gwt-TabBarItem {
	white-space: nowrap;
	border: 1px solid #bbb;
	border-right: 1px solid #666;
	padding: 2px 7px 2px 7px;
	background-color: #caccc8;
	cursor: pointer; 
  	cursor: hand;
  	height : 17px; 
}

.gwt-TabBar .gwt-TabBarItem-selected {
	white-space: nowrap;
	font-weight: bold;
	background-image: none;
	background-color: #e5e5e1;
	border: 1px solid #bbb;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #666;
	padding: 2px 7px 2px 7px;
	cursor: pointer; 
  	cursor: hand;
  	height : 17px; 
}

/* Stack Panel */
.okm-StackPanel {
	border: 1px solid #A5A596;
}

.okm-StackPanel .gwt-StackLayoutPanelHeader {
	height: 22px;
	background-image: url(img/stackpanel_back.gif);
	background-repeat: repeat;
}

.okm-StackPanel .gwt-StackLayoutPanelHeader-selected {
	height: 22px;
	background-image: url(img/stackpanel_back.gif);
	background-repeat: repeat;
}

/* Status Popup */
.okm-StatusPopup {
	font-size: 12px;
	background-color: #C7E9FD;
	border: 1px solid #110011;
	border-radius: 4px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
}

/* Panels */
.okm-PanelRefreshing {
	background-color: #C3D9FF;
}

.okm-PanelSelected {
	background-color: #FFFFFF;
}

.okm-PanelUnselected {
	background-color: #F6F6EE;
}

/* Tab Security */
.okm-Security-Title {
	background: #F6F6EE;
	background: -webkit-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -moz-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -ms-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -o-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: linear-gradient(to bottom, #F6F6EE 0%, #D5D5CF 100%);
	border-bottom: 1px #A5A596 solid;
	padding: 4px 4px 4px 4px;
	cursor: default;
	color: #6D6D5F;
	height: 22px;
}

.okm-Security-Title-Margin {
	padding: 4px 4px 4px 4px;
}

.okm-Security-Title-RightBorder {
	border-right: 1px solid #A5A596;
}

.okm-Security-Title-LeftBorder {
	border-left: 1px solid #FFFFFF;
}

.okm-Security-Title-RightBottomBorder {
	border-bottom: 1px solid #A5A596;
	border-right: 1px solid #A5A596;
}

.okm-Security-Title-LeftBottomBorder {
	border-bottom: 1px solid #A5A596;
	border-left: 1px solid #A5A596;
}

/* Security popup */
.okm-SecurityPopup {
	font-size: 12px;
	background-color: #EFEBE7;
	border: 1px solid #110011;
	border-radius: 4px;
}

/* Search */
.okm-Search-Panel {
	border: 1px solid #A5A596;
}

/* Search results */
.okm-SearchResult {
	border: 1px solid #A5A596;
	cursor: default;
}

.okm-Result-Panel {
	border: 1px solid #A5A596;
}

/* Search save */
.okm-SearchSaved {
	cursor: default;
}

/* Tab Properties */
.okm-Properties-Tab {
	border: 1px solid #A5A596;
}

/* Buttons */
button {
	background-color: #E5E5E1;
	border: 1px solid #A5A596;
	border-radius: 3px;
	height: 22px;
	font-size: 9pt;
	font-family: verdana, arial, sans-serif;
	box-shadow: inset 0 -4px 6px -2px rgba( 0, 0, 0, .20);
	cursor: pointer;
  	cursor: hand;
}

button:hover {
	background-color: #d6d3d3;
	box-shadow: inset 0 3px 6px -2px rgba( 0, 0, 0, .20);
}

.okm-Button {}

.okm-NoButton {
	background-image: url("img/icon/security/no.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-YesButton {
	background-image: url("img/icon/security/yes.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-AddButton {
	background-image: url("img/icon/actions/add.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-DeleteButton {
	background-image: url("img/icon/actions/delete.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-DownloadZipButton {
	background-image: url("img/icon/actions/export.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-HomeButton {
	background-image: url("img/icon/actions/home.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-DownloadButton {
	background-image: url("img/icon/actions/download.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-ViewButton {
	background-image: url("img/icon/actions/preview.png");
	background-repeat: no-repeat;
	padding-left: 19px;
	background-position: 2px center;
}

.okm-ChangeButton {
	background-image: url("img/icon/actions/edit.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-CompactButton {
	background-image: url("img/icon/actions/compact.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-CleanButton {
	background-image: url("img/icon/actions/clean.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-SearchButton {
	background-image: url("img/icon/actions/search.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-SaveButton {
	background-image: url("img/icon/actions/save.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-CommentButton {
	background-image: url("img/icon/actions/comment_add.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-tableButton {
	background-image: url("img/action/table.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

.okm-refreshButton {
	background-image: url("img/action/refresh.png");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 2px center;
}

/* Iframe */
.okm-Iframe {
	border: 1px solid #A5A596;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	width: 100%;
	height: 100%;
}

/* Iframe Without border */
.okm-IframeWithoutBorder {
	border: 0px solid #A5A596;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	width: 100%;
	height: 100%;
}

/* Inputs */
.okm-Input {
	border: 1px solid #A5A596;
	border-radius: 2px;
	font-size: 9pt;
	font-family: verdana, arial, sans-serif;
	-moz-user-select: normal;
    -khtml-user-select: normal;
    user-select: normal;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    height: 20px;
}

.okm-Input-drag {
	border: 1px solid black !important;
}

input.okm-Input {
	height : 18px !important;
} 

.okm-Input-System {
	border: 1px solid #A5A596;
	border-radius: 2px;
	font-size: 9pt;
	font-family: verdana, arial, sans-serif;
	-moz-user-select: normal;
	-khtml-user-select: normal;
	user-select: normal;
	background-color: #f00;
	box-shadow: inset 1px 1px 2px #ddd8dc;
	vertical-align: middle;
	line-height: 20px;
	height: 20px;
	color: white;
	font-weight: bold;
}

.okm-Input-Error {
	color : red;
	font-weight: bold;
}

.okm-Input-Ok {
	color : green;
	font-weight: bold;
}

.okm-Input-Warning {
	color : #306aff;
	font-weight: bold;
}

/* TextArea */
.okm-TextArea {
	border: 1px solid #A5A596;
	border-radius: 2px;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
    background-color: #fff;
    box-shadow: inset 1px 1px 2px #ddd8dc;
}

/* Selects */
.okm-Select {
	border: 1px solid #A5A596;
	border-radius: 2px;
	font-size: 9pt;
	height: 20px;
	font-family: verdana, arial, sans-serif;
	box-shadow: inset 1px 1px 2px #ddd8dc;
}

/* suggested option */
.okm-Option-Suggested {
	background-color: #C3D9FF;
	font-weight: bold;
}

/* non suggested option */
.okm-Option {
}

/* CheckBox */
.okm-CheckBox input {
	border: 1px solid #A5A596;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
}

.gwt-CheckBox label {
	vertical-align: 3px;
}

/* fancyfileupload */
.fancyfileupload-pending {
	font-family: arial;
	font-size: 9pt;
	background: #ffbd3f;
	width: 200px;
	padding: 5px;
}

.fancyfileupload-loading {
	font-family: arial;
	background: #ffbd3f;
	width: 200px;
	padding: 5px;
}

.fancyfileupload-loaded {
	font-family: arial;
	background: #90ee90;
	width: 200px;
	padding: 5px;
}

.fancyfileupload-failed {
	font-family: arial;
	background: #ff3f3f;
	width: 200px;
	padding: 5px;
}

/* Draggable */
.okm-Draggable {
    background-color: #C3D9FF;
    z-index: 1000;
}

/* Disable text selection */
.okm-DisableSelect { 
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;;
	-o-user-select: none;
	user-select: none;
}

/* Enable text selection */
.okm-EnableSelect {
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-o-user-select: text !important;
	user-select: text !important;
}

/* Bookmark */
.okm-Bookmark-Panel {
	border: 1px solid #A5A596;
	background: white;
}

/* FlexTable */
.gwt-FlexTable {
	background: white;
}

.gwt-FlexTable tr td {
	height: 22px;
	cursor: default;
}

.gwt-FlexTable-row-mouseover {
	background-color: #E0ECFF;
}

/* ScrollTable */
.gwt-ScrollTable {
  	background: white;
}

.gwt-ScrollTable-Border {
	border: 1px solid #AAAAAA;
}

.gwt-ScrollTable .headerWrapper,
.gwt-ScrollTable .headerTable tr {
	background: #F6F6EE;
	background: -webkit-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -moz-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -ms-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: -o-linear-gradient(top, #F6F6EE 0%, #D5D5CF 100%);
	background: linear-gradient(to bottom, #F6F6EE 0%, #D5D5CF 100%);
	color: #6D6D5F;
	text-align: left;
	height: 22px;
	cursor: default;
}

.gwt-ScrollTable .headerWrapper tr,
.gwt-ScrollTable .headerTable tr td {
  	border-left: 1px solid white;
  	border-right: 1px solid #A5A596;
  	border-bottom: 1px solid #A5A596;
  	white-space: nowrap;
  	margin: 0px;
  	overflow: hidden;
  	height: 22px;
}

.gwt-ScrollTable .headerTable tr td {
    padding-left: 2px;
}

.gwt-ScrollTable .headerTable .gwt-controller tr td {
  	border-left: 0px;
  	border-right: 0px;
}

.gwt-controller .separator {
	border-right: 1px solid white;
  	border-left: 1px solid #A5A596;
}

.gwt-ScrollTable .dataTable tr {
	background: white;
}

.gwt-ScrollTable .dataTable tr:hover {
	background-color: #e0ecff;
}

.gwt-ScrollTable .dataTable tr:hover td {
	border-left: 1px solid #e0ecff;
	border-right: 1px solid #e0ecff;
}

.gwt-ScrollTable .dataTable tr.selected {
	background-color: #C3D9FF;
	height: 22px;
}

.gwt-ScrollTable .dataTable tr.selected td {
	border-left: 1px solid #C3D9FF;
	border-right: 1px solid #C3D9FF;
}

.gwt-ScrollTable .dataTable tr td {
	border-left: 1px solid white;
  	border-right: 1px solid white;
  	height: 20px;
  	cursor: default;
  	white-space: nowrap;
  	margin: 0px;
  	overflow: hidden;
  	padding-left: 2px;
}

/**
 * ScrollTable inside FileBrowser
 */
.okm-FileBrowser .gwt-ScrollTable .dataTable tr td {
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.okm-FileBrowser .gwt-ScrollTable .dataTable tr:hover td {
	border-left: 2px solid #E0ECFF;
	border-right: 2px solid #E0ECFF;
}

.okm-FileBrowser .gwt-ScrollTable .dataTable tr.selected td {
	border-left: 2px solid #C3D9FF;
	border-right: 2px solid #C3D9FF;
}

/**
 * CalendarWidget 
 */
.CalendarWidget {
	border: 1px solid #000;
	background-color: #fff;
	padding: 2px;
}

.CalendarWidget .navbar {
	width: 100%;
	background-color: #C3D9FF;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
	padding-left: 5px;
	padding-right: 5px;
}

.CalendarWidget .table {
	font: 10pt sans-serif;
	text-align: center;
	background-color: #DDD;
}

.CalendarWidget .weekheader {
	background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
	width: 3em;
}

.CalendarWidget .cell {
	cursor: pointer;
}

.CalendarWidget .cell .gwt-HTML {
	border: 1px solid #ACA899;
	background-color: #EEE;
}

.CalendarWidget .cell .gwt-HTML span {
	width: 100%;
	height: 100%;
	line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
	background-color: #C3D9FF;
}

.CalendarWidget .day .gwt-HTML {
	border: 1px solid #C3D9FF;
} 

/**
 * DashBoard Widget 
 */
.okm-DashboardWidget .header {
 	background: #CED6AF;
	background: -webkit-linear-gradient(top, #CED6AF 0%, #C0CA98 100%); 
	background: -moz-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: -ms-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: -o-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: linear-gradient(to bottom, #CED6AF 0%, #C0CA98 100%);
	border-bottom: 1px #A5B370 solid;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	height: 25px !important;
	text-align: center;
	cursor: pointer;
}

.okm-DashboardWidget .data {
 	background-color: white;
 	border-left: 1px solid #A5A596;
 	border-bottom: 1px solid #A5A596;
 	border-right: 1px solid #A5A596; 
}

.okm-DashboardWidget .data tr:hover {
 	background-color: #e0ecff;
}

.okm-DashboardWidget .data td {
	height: 20;
 	padding: 0px 4px;
}

/**
 * Hyperlink 
 */
.okm-Hyperlink {
	text-decoration: underline;
	cursor: pointer; 
  	cursor: hand;
}
.okm-Hyperlink a:hover {
	text-decoration: underline;
	color: blue;
}

.okm-Hyperlink a {
	text-decoration: underline;
	color: black;
}

/**
 * News
 */
.okm-NotViewed {
	font-weight: bold;
}

/**
 * Workflow form panel
 */
.okm-WorkflowFormPanel {
 	background-color: #E5E5E1;
 	border-left: 1px solid #A5A596;
}
 
.okm-WorkflowFormPanel-Title {
	white-space: nowrap;
	padding: 2px 7px 2px 7px;
	background: #CED6AF;
	background: -webkit-linear-gradient(top, #CED6AF 0%, #C0CA98 100%); 
	background: -moz-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: -ms-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: -o-linear-gradient(top, #CED6AF 0%, #C0CA98 100%);
	background: linear-gradient(to bottom, #CED6AF 0%, #C0CA98 100%);
	border-bottom: 1px #A5B370 solid;
	cursor: pointer;
}

/**
 * Document Notes
 */
.okm-Notes-Line {
	background-image: url(img/notes_back.gif);
	background-repeat: repeat-x;
}

/**
 * PushButton
 */
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  text-decoration: none;
  background: url("img/hborder.png") repeat-x 0px -27px;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
	padding: 3px 5px 0px 5px;
	height: 20px;
}

.gwt-PushButton-up {
	border: 1px outset #ccc;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-up-hovering {
	border: 1px outset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-up-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=40);
	zoom: 1;
}

.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
	padding: 4px 4px 2px 6px;
}

.gwt-PushButton-down {
	border: 1px inset #666;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-hovering {
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity=40);
	zoom: 1;
}

/**
 * ToggleButton
 */
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
	margin: 0;
	text-decoration: none;
	background: url("img/hborder.png") repeat-x 0px -27px;
}

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
	padding: 3px 5px 3px 5px;
	height: 20px;
}

.gwt-ToggleButton-up {
	border: 1px outset #ccc;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up-hovering {
	border: 1px outset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity=40);
}

.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
	padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-hovering {
	background-position: 0 -513px;
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-disabled {
 	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity=40);
}

/* RichTextArea */
.RichTextToolbar {
	background: #E2E2E2;
	padding: 5px;
	margin: 0px;
}

/* Mail */
.okm-Mail {
	background-color: #E5E5E1;
}

.okm-Mail-White {
	background-color: #FFFFFF;
}

.okm-Mail-Link {
	cursor: pointer; 
  	cursor: hand;
}

/* Menu Popup */
.okm-MenuPopup {
	background-color: #ECEBEB;
	border: 1px solid #AAAAAA;
	padding: 1px;
}

/* Horizontal split panel */
.hsplitter { 
	background-image: url(img/separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: col-resize;
	font-family: "Small Fonts";
	font-size: 4px;
	background-color: #E5E5E1;
	horizontal-align: 50%;
	border-left: 1px solid #A5A596;
	border-right: 1px solid #A5A596;
	width: 10px;
}

.okm-HorizontalSplitPanel .hsplitter { 
	background-image: url(img/separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: col-resize;
	font-family: "Small Fonts";
	font-size: 4px;
	background-color: #E5E5E1;
	horizontal-align: 50%;
    border: 0px; 
	width: 10px;
}

/* Vertical split panel */
.vsplitter { 
	background-image: url(img/horizontal_separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: row-resize;
	font-family: "Small Fonts";
	font-size: 4px;
	background-color: #E5E5E1;
	height: 10px;
	vertical-align: 50%;
}

/* KeyMapControl panel */
.okm-KeyMapControl {
	background-color: #CACCC8;
	border-bottom: 1px solid #A5A596;
}

.okm-PaginationControl {
	background-color: #CACCC8;
	border-top: 1px solid #A5A596;
}

.okm-KeyMap-Selected {
	background-color: #C3D9FF;
	padding: 1px 5px;
	border: 1px solid #FFFFFF;
}

.okm-KeyMap-Gray {
	background-color: #E5E5E1;
	padding: 1px 5px;
	border: 1px solid #FFFFFF;
}

.okm-KeyMap-Suggest {
	background-color: #FFFFFF;
	font-family: tahoma;
	-moz-user-select: normal;
    -khtml-user-select: normal;
    user-select: normal;
    white-space: nowrap;
}

.okm-KeyMap-ImageHover {
	cursor: pointer; 
  	cursor: hand;
}

/* Suggest Box */
.gwt-SuggestBox {
  padding: 2px;
}

.gwt-SuggestBoxPopup {
  background-color: #EFEBE7;
  border: 1px solid #999;
}

.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #424242;
  cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
  background: #b7d6f6;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}

/* Keyword widget */
.okm-KeywordWidget-Header {
	background-color: #CACCC8;
	border-bottom: 1px solid #A5A596;
	cursor: pointer;
}

/* Normal Table */
.okm-Table-SelectedRow {
	background-color: #C3D9FF;
	cursor: default;
}

.okm-Table-BottomBorder {
	border-bottom: 1px solid #A5A596;
}

/* Progress Bar */
.gwt-ProgressBar-shell {
  	border: 1px solid #faf9f7;
  	border-right: 1px solid #848280;
  	border-bottom: 1px solid #848280;
  	background-color: #AAAAAA;
  	height: 14pt;
  	width: 50%;
}

.gwt-ProgressBar-bar {
	background-color: #67A7E3;
}

.gwt-ProgressBar-bar-update {
	background-color: #068606 !important;
}

.gwt-ProgressBar-bar-legend {
	border: 1px solid black;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  	padding: 0px;
  	margin: 0px;
  	color: white;
  	top: 3px;
}

.okm-progressBarError {
	background-color: #F00 !important;
}

/* Tag cloud */
.okm-cloudWrap {
	text-align: center;
	margin: auto;
}
               
.okm-cloudTags {   
	float: left;   
	padding: 0px 5px;   
	font-size: 5pt;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;   
	height: 30px;
	text-decoration:none;
}   
  
.okm-cloudTags a {   
	color: #000000;   
	text-decoration: none;   
	font-size: 5pt;
	position: relative;
	text-decoration:none;
}   

.okm-cloudSeparator {
	background-color: #CACCC8;
	border-top: 1px solid #A5A596;
	border-bottom: 1px solid #A5A596;
}

/* Hack for disabled form fields visibility in Firefox */
[disabled] {
	color: #777;
	background-color: #ddd;
}

/* Inputs */
.okm-Left-Bottom-Border {
	border-left: 1px solid #A5A596;
	border-bottom: 1px solid #A5A596;
	font-family: verdana, arial, sans-serif;
	-moz-user-select: normal;
    -khtml-user-select: normal;
    user-select: normal;
    white-space: nowrap;
}

.okm-Left-Top-Border {
	border-left: 1px solid #A5A596;
	border-top: 1px solid #A5A596;
	font-family: verdana, arial, sans-serif;
	-moz-user-select: normal;
    -khtml-user-select: normal;
    user-select: normal;
    white-space: nowrap;
}

.okm-validationFailedBorder {
	border: 2px solid #ff0000;		
}

.okm-validationFailedText {
	color: #ff0000;
	font-weight: bold;		
}

/* TabLayoutPanel */
.gwt-TabLayoutPanelTabs {
	white-space: nowrap;
	background-color: #E5E5E1;
	font-size: smaller;
	border-bottom: 1px solid #bbb;
	height: 20px;
}

.gwt-TabLayoutPanelTab {
	white-space: nowrap;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #666;
	padding: 2px 7px 2px 7px;
	background-color: #caccc8;
	cursor: pointer; 
  	cursor: hand;
  	height: 20px;
}

.gwt-TabLayoutPanelTab-selected {
	white-space: nowrap;
	font-weight: bold;
	background-image: none;
	background-color: #e5e5e1;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #666;
	padding: 2px 7px 2px 7px;
	cursor: pointer; 
  	cursor: hand;
  	height: 20px;
}

/* forum */
.okm-Forum-Topic {
	color: #105289;
	font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer; 
  	cursor: hand;
}

.okm-Forum-User {
	color : #105289; 
}

.okm-Forum-Gray {
	color: #898989;
}

.highlight {
	color: #7596CF;
	font-weight: bold;
	font-size: 1.3em;
}

/* white panel */
.whitePanel {
	background-color: white;
}

/* splitter layout */
.gwt-SplitLayoutPanel-HDragger {
	background-image: url(img/separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: col-resize;
	font-family: "Small Fonts";
	font-size: 4px;
	background-color: #E5E5E1;
	horizontal-align: 50%;
	width: 10px;
}

.gwt-SplitLayoutPanel-VDragger {
	background-image: url(img/horizontal_separator_points.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: row-resize;
	font-family: "Small Fonts";
	font-size: 4px;
	background-color: #E5E5E1;
	height: 10px;
	vertical-align: 50%;
}

/* Mail button */
.okm-Button-Mail {
	border: 1px solid #A5A596;
	background-color: white;
	border-radius: 4px;
}

.okm-Button-Mail > * {
    vertical-align: middle;
}

.okm-Button-Mail:hover {
    background-color : #CACCC8;
}

.okm-Button-Mail-selected {
    background-color : #CACCC8;
}

/* gray background */
#screenGrayBackground {
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

/* drag and drop box */
.okm-DragAndDropBackground {
	outline: 2px dashed black !important;
	outline-offset: -10px !important;
	background: none repeat scroll 0 0 #C3D9FF;
	opacity: 0.5;
	position: fixed;
	z-index: 1000;
}

.okm-DragAndDropBackground-Content {
	position: absolute;
	font-size: 30px;
}

/* Chrome fix for button images */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.okm-NoButton, .okm-YesButton, .okm-AddButton, .okm-DeleteButton, .okm-DownloadZipButton,
	.okm-HomeButton, .okm-DownloadButton, .okm-ViewButton, .okm-ChangeButton, .okm-CompactButton,
	.okm-CleanButton, .okm-SearchButton, .okm-SaveButton, .okm-CommentButton, .okm-tableButton,
	.okm-refreshButton {
		padding-left: 20px;
	}
}